* {
  margin: 0;
  padding: 0;
  border: 0;
}

html,
body {
  color: #07B5EC;
  font-family: "SimHei Regular", "PingFang SC", "Helvetica Neue", "Microsoft Yahei", "Helvetica", "Arial", sans-serif;
}

body {
  font-size: 16px;
  overflow-x: hidden;
  background: url(../images/img_bg.png);
  background-size: cover;
  background-position: center top;
  width: 100vw;
  box-sizing: border-box;
}

img {
  border: none;
  vertical-align: bottom;
}

ul,
li {
  list-style-type: none;
}

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

input {
  outline: none;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #000;
}

header {
  width: 100%;
  height: 10vh;
  background: url(../images/header_img@2x.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1vh 1vw 0;
}

header h1 {
  color: #00C2FF;
  text-align: center;
  font-size: .56rem;
  line-height: .62rem;
  display: inline-block;
}

header .logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  width: 19vw;
  font-size: .2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

header .logo img {
  width: 3vw;
  height: auto;
  margin-right: 10px;
}

header .time {
  color: #fff;
  width: 19vw;
  display: flex;
  justify-content: flex-end;
  font-size: .2rem;
  line-height: .24rem;
  text-align: center;
  align-items: center;
}

header .time div {
  margin-left: 15px;
}

header .time div:first-child {
  font-size: .24rem;
}

header .time img {
  width: .22rem;
  height: auto;
}

.mainbox {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  height: 90vh;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 1vh;
  background: url(../images/under_img@2x.png);
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.box {
  width: 28vw;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  box-sizing: border-box;
}

.title {
  width: 100%;
  height: 4vh;
  background-image: linear-gradient(to right, rgba(12, 65, 92, 0.56), rgba(104, 199, 223, 0.02));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: .24rem;
  margin-bottom: 0.5vh;
}

.title img {
  width: .24rem;
  height: auto;
  margin: 0 8px;
}

.title1 {
  background: none;
}

.box-center {
  width: 42vw;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  box-sizing: border-box;
}

.number {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.number li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.14rem;
  color: #fff;
  width: 25%;
  height: 12vh;
  background: url(../images/border_total_bg@2x.png);
  background-size: 100% 100%;
}

.number li img {
  width: 0.58rem;
  height: 0.58rem;
  margin-right: 0.1rem;
  margin-left: 0.25rem;
}

.number li span {
  font-size: 0.28rem;
  color: #00C2FF;
  font-weight: 600;
}

.switch {
  width: 100%;
  height: 51vh;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}

.switch .title1 {
  background: none;
  margin-bottom: 0;
}


.switch .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
}

.switch .parameter {
  display: flex;
  align-items: center;
  /*justify-content: space-around;*/
  position: relative;
  width: 100%;
}

.switch .parameter .parameter_l {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% - 1.5rem);
}

.switch .parameter .parameter_l .name {
  width: 100%;
  text-align: center;
  color: #1DCF93;
  font-size: 0.2rem;
  margin-bottom: 0.15rem;
}

.switch .parameter .parameter_l ul {
  width: 100%;
  display: flex;
  justify-content: center;
}

.switch .parameter .parameter_l li {
  font-size: 0.22rem;
  display: flex;
  align-items: center;
  margin-right: 0.15rem;
}

.switch .parameter .parameter_l li img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 5px;
}

.switch .parameter .parameter_r {
  color: #1CC78E;
  font-size: 0.24rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  border: 0.05rem solid #1CC78E;
  text-align: center;
  line-height: 0.8rem;
  /*position: relative;*/
  position: absolute;
  right: 0.5rem;
  z-index: 100;
}

.switch .parameter .parameter_r::before {
  content: "";
  width: 0.66rem;
  height: 0.66rem;
  background: none;
  border: 1px dashed #1CC78E;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  left: 0.07rem;
  top: 0.07rem;
}

.switch .parameter .parameter_r::after {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  background: none;
  border: 1px solid #1CC78E;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  left: -0.15rem;
  top: -0.15rem;
}

.switch .parameter .parameter_r.warn {
  color: #FFD728;
  border-color: #FFD728;
}

.switch .parameter .parameter_r.warn::before {
  border-color: #FFD728;
}

.switch .parameter .parameter_r.warn::after {
  border-color: #FFD728;
}

.switch .parameter .parameter_r.danger {
  color: #FE3649;
  border-color: #FE3649;
}

.switch .parameter .parameter_r.danger::before {
  border-color: #FE3649;
}

.switch .parameter .parameter_r.danger::after {
  border-color: #FE3649;
}

.switch .switch_img {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}

.switch .switch_img img {
  /* width: 100%;
  height: auto;
  display: block; */
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  /* position: absolute;
  top: -4%;
  left: 0; */
}

.switch .switch_number {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}

.switch .switch_number li {
  width: 1rem;
  height: 0.6rem;
  background: rgba(42, 213, 148, 0.15);
  border: 1px dashed #00C2FF;
  font-size: 0.14rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.switch .switch_number li div {
  font-size: 0.24rem;
  color: #00C2FF;
}

.switch .swiper-button-next,
.switch .swiper-button-prev {
  width: 0.3rem;
  height: 0.3rem;
  background: url(../images/second_icon/icon_slide_highlighted@2x.png);
  background-size: cover;
  background-position: center;
  outline: none;
}

/* .switch .swiper-button-disabled {
  display: none;
} */

.switch .swiper-button-prev {
  background: url(../images/second_icon/icon_slide_left.png);
  background-size: cover;
  background-position: center;
}

.switch .swiper-button-next:after,
.switch .swiper-button-prev:after {
  display: none;
}

.switch .swiper-container {
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 0.3rem;
  /* 设置按钮大小 */
}

.swiper-container1 {
  width: 100%;
  height: 31vh;
}

.box_list {
  width: 100%;
}

.box-right {
  width: 100%;
  height: 40vh;
  background: url(../images/border_bg@2x.png);
  background-size: 100% 100%;
  background-position: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scroll {
  width: 95%;
  height: 92%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  box-sizing: border-box;
  border: 1px solid #0C415C;
  overflow: hidden;
}

.box-right .tempWrap {
  width: 100%;
}

.scroll .scroll_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.19rem;
  line-height: 0.24rem;
  width: 100%;
  background: #093D33;
  color: #1DCF93;
  height: 10%;
}

.scroll .scroll_nav li {
  text-align: center;
  width: 16%;
  box-sizing: border-box;
}

.scroll .scroll_nav li:first-child {
  width: 12%;
}

.scroll .scroll_nav li:nth-child(2) {
  width: 40%;
}

.scroll .scroll_list {
  height: 90%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.scroll .scroll_list .scroll_info {
  height: calc(33.12vh / 8) !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #0C415C;
}

.scroll .scroll_list .scroll_info:hover .scroll_nav {
  color: #1ABCFE;
}

.scroll .scroll_list .scroll_info:last-child {
  border: none;
}

.scroll .scroll_list li {
  cursor: move;
}

.scroll .scroll_list .scroll_nav {
  font-size: 0.15rem;
  line-height: 0.25rem;
  background: none;
  color: #fff;
  height: 100%;
}

.scroll .scroll_list .scroll_nav li {
  border-right: 1px solid #0C415C;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll .scroll_list .scroll_nav li:last-child div {
  /*display: inline-block;*/
  background: #2AD594;
  border-radius: 15px;
  box-sizing: border-box;
  height: 60%;
  width: 70%;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.scroll .scroll_list .scroll_nav li:last-child .yc {
  background: #FFD728;
  color: #0C1C2D;
}

.scroll .scroll_list .scroll_nav li:last-child .gz {
  background: #FE3649;
}

.scroll .scroll_list .scroll_nav:hover li {
  color: #00C2FF;
}

.title2 {
  justify-content: space-between;
  margin-bottom: 0;
}

.title3 {
  margin-bottom: 0;
}

.title2 div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.title2 select {
  background: none;
  color: #fff;
  font-size: 0.18rem;
  /* border: 1px solid #1CC78E; */
  outline: none;
  /* appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none; */
}

.title2 select option {
  color: #21D59B;
  background: rgba(17, 73, 100, 0.7);
}

.box-list {
  width: 100%;
  height: auto;
}

.box-r {
  width: 100%;
  height: 17vh;
  background: url(../images/border_bg@2x.png);
  background-size: 100% 100%;
  background-position: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5vh;
}

#duster {
  width: 100%;
  height: 100%;
}

#duster1 {
  width: 100%;
  height: 100%;
}

#box_room {
  width: 100%;
  height: 100%;
}

#air_pocket {
  width: 100%;
  height: 100%;
}

#pulse {
  width: 100%;
  height: 100%;
}

#box_room1 {
  width: 100%;
  height: 100%;
}

#air_pocket1 {
  width: 100%;
  height: 100%;
}

#pulse1 {
  width: 100%;
  height: 100%;
}

.box-right2 {
  flex-wrap: wrap;
  align-content: space-between;
}

.box-right2 .work {
  margin-top: 1vh;
}

.box-right2 .tempWrap {
  height: 38vh !important;
  margin-top: 1vh;
}

.box-right2 .work ul {
  width: 100%;
  height: calc(38vh / 3) !important;
  display: flex;
  justify-content: flex-start;
}

.select_more {
  width: auto;
  height: 4vh;
  text-align: right;
}

.select_more.no {
  display: none;
}

.select_more select {
  background: none;
  color: #fff;
  font-size: 0.18rem;
  outline: none;
  line-height: 4vh;
  margin: 0 0.1rem;
}

.select_more select option {
  color: #21D59B;
  background: rgba(17, 73, 100, 0.7);
}

.work {
  width: 100%;
  height: 38vh;
  font-size: 0.14rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1vh;
  flex-direction: column;
}

.work li {
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  height: 12vh;
}

.work .work_list {
  width: 35%;
  text-align: center;
  position: relative;
  z-index: 9;
}

.work .work_list::after {
  content: "";
  width: 100%;
  height: 6.8vh;
  position: absolute;
  left: 0;
  top: 0;
  background: none;
}

@-webkit-keyframes shadow1 {
  0% {
    box-shadow: 0 0 1px 1px rgba(33, 213, 133, 0.4), 0 0 2px 2px rgba(33, 213, 133, .2);
  }

  50% {
    box-shadow: 0 0 2px 2px rgba(33, 213, 133, 0.4), 0 0 3px 3px rgba(33, 213, 133, .2);
  }

  100% {
    box-shadow: 0 0 1px 1px rgba(33, 213, 133, 0.4), 0 0 2px 2px rgba(33, 213, 133, .2);
  }
}

@keyframes shadow1 {
  0% {
    box-shadow: 0 0 1px 1px rgba(33, 213, 133, 0.4), 0 0 2px 2px rgba(33, 213, 133, .2);
  }

  50% {
    box-shadow: 0 0 2px 2px rgba(33, 213, 133, 0.4), 0 0 3px 3px rgba(33, 213, 133, .2);
  }

  100% {
    box-shadow: 0 0 1px 1px rgba(33, 213, 133, 0.4), 0 0 2px 2px rgba(33, 213, 133, .2);
  }
}

@-webkit-keyframes shadow2 {
  0% {
    box-shadow: 0 0 1px 1px rgba(255, 215, 40, 0.4), 0 0 2px 2px rgba(255, 215, 40, .2);
  }

  50% {
    box-shadow: 0 0 2px 2px rgba(255, 215, 40, 0.4), 0 0 3px 3px rgba(255, 215, 40, .2);
  }

  100% {
    box-shadow: 0 0 1px 1px rgba(255, 215, 40, 0.4), 0 0 2px 2px rgba(255, 215, 40, .2);
  }
}

@keyframes shadow2 {
  0% {
    box-shadow: 0 0 1px 1px rgba(255, 215, 40, 0.4), 0 0 2px 2px rgba(255, 215, 40, .2);
  }

  50% {
    box-shadow: 0 0 2px 2px rgba(255, 215, 40, 0.4), 0 0 3px 3px rgba(255, 215, 40, .2);
  }

  100% {
    box-shadow: 0 0 1px 1px rgba(255, 215, 40, 0.4), 0 0 2px 2px rgba(255, 215, 40, .2);
  }
}

@-webkit-keyframes shadow3 {
  0% {
    box-shadow: 0 0 1px 1px rgba(254, 54, 73, 0.4), 0 0 2px 2px rgba(254, 54, 73, .2);
  }

  50% {
    box-shadow: 0 0 2px 2px rgba(254, 54, 73, 0.4), 0 0 3px 3px rgba(254, 54, 73, .2);
  }

  100% {
    box-shadow: 0 0 1px 1px rgba(254, 54, 73, 0.4), 0 0 2px 2px rgba(254, 54, 73, .2);
  }
}

@keyframes shadow3 {
  0% {
    box-shadow: 0 0 1px 1px rgba(254, 54, 73, 0.4), 0 0 2px 2px rgba(254, 54, 73, .2);
  }

  50% {
    box-shadow: 0 0 2px 2px rgba(254, 54, 73, 0.4), 0 0 3px 3px rgba(254, 54, 73, .2);
  }

  100% {
    box-shadow: 0 0 1px 1px rgba(254, 54, 73, 0.4), 0 0 2px 2px rgba(254, 54, 73, .2);
  }
}

.work .green {
  color: #fff;
}

.work .yellow {
  color: #FFD728;
}

.work .red {
  color: #FE3649;
}

.work .green .work_list::after {
  /*animation: shadow1 1s ease-in-out infinite;*/
  /*animation-delay: 3s;*/
}

.work .yellow .work_list::after {
  /*animation: shadow2 1s ease-in-out infinite;*/
  /*animation-delay: 3s;*/
}

.work .red .work_list::after {
  /*animation: shadow3 1s ease-in-out infinite;*/
  /*animation-delay: 3s;*/
}

.work p {
  width: 100%;
  text-align: center;
}

/* .work .work_list1{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 7.2vh;
  animation: waver 0.5s 1 ease-in-out;
  animation-fill-mode:forwards;
} */
.work .work_box {
  width: 100%;
  height: 0.8vh;
  margin-bottom: 0.4vh;
  opacity: 1;
  position: relative;
  z-index: 10;
}

.work .work_box::after {
  content: "";
  width: 100%;
  height: 0.8vh;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}

.work .green .work_box {
  background: rgba(33, 213, 133, 0.2);
}

.work .yellow .work_box {
  background: rgba(255, 215, 40, 0.2);
}

.work .red .work_box {
  background: rgba(254, 54, 73, 0.2);
}

.work .green .work_box::after {
  background: rgba(33, 213, 133, 1);
}

.work .yellow .work_box::after {
  background: rgba(255, 215, 40, 1);
}

.work .red .work_box::after {
  background: rgba(254, 54, 73, 1);
}

@-webkit-keyframes waver_green {
  0% {
    background: rgba(33, 213, 133, 0.2);
  }

  100% {
    background: rgba(33, 213, 133, 1);
  }
}

@keyframes waver_green {
  0% {
    background: rgba(33, 213, 133, 0.2);
  }

  100% {
    background: rgba(33, 213, 133, 1);
  }
}

/*反面绿色*/
@-webkit-keyframes waver_green_back {
  0% {
    background: rgba(33, 213, 133, 1);
  }

  100% {
    background: rgba(33, 213, 133, .2);
  }
}

@keyframes waver_green_back {
  0% {
    background: rgba(33, 213, 133, 1);
  }

  100% {
    background: rgba(33, 213, 133, .2);
  }
}


@-webkit-keyframes waver_yellow {
  0% {
    background: rgba(255, 215, 40, 0.2);
  }

  100% {
    background: rgba(255, 215, 40, 1);
  }
}

@keyframes waver_yellow {
  0% {
    background: rgba(255, 215, 40, 0.2);
  }

  100% {
    background: rgba(255, 215, 40, 1);
  }
}

@-webkit-keyframes waver_red {
  0% {
    background: rgba(254, 54, 73, 0.2);
  }

  100% {
    background: rgba(254, 54, 73, 1);
  }
}

@keyframes waver_red {
  0% {
    background: rgba(254, 54, 73, 0.2);
  }

  100% {
    background: rgba(254, 54, 73, 1);
  }
}

@-webkit-keyframes waver {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes waver {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes waver_back {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes waver_back {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* @-webkit-keyframes waver1 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
   100% {
    opacity: 0.2;
  }
}

@keyframes waver1 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
   100% {
    opacity: 0.2;
  }
}
@-webkit-keyframes waver2 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
   100% {
    opacity: 0.2;
  }
}

@keyframes waver2 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
   100% {
    opacity: 0.2;
  }
} */
/* .work .work_box1 {
  animation: waver 0.5s ease-in-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
}

.work .work_box2 {
  animation: waver 0.5s ease-in-out;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
} */

/*.work .work_box1::after {*/
/*  animation: waver 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/*.work .work_box2::after {*/
/*  animation: waver 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/*.work .work_box3::after {*/
/*  animation: waver 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/*.work .work_box4::after {*/
/*  animation: waver 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/*.work .work_box5::after {*/
/*  animation: waver 0.5s ease-in-out;*/
/*  animation-delay: 2s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/*.work .work_box6::after {*/
/*  animation: waver 0.5s ease-in-out;*/
/*  animation-delay: 2.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/* 绿色递增动画 */
/*.work .green .work_list_1 .work_box6{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_2 .work_box6{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_2 .work_box5{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_3 .work_box6{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_3 .work_box5{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_3 .work_box4{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_4 .work_box6{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_4 .work_box5{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_4 .work_box4{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_4 .work_box3{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_5 .work_box6{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_5 .work_box5{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_5 .work_box4{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_5 .work_box3{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_5 .work_box2{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 2s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_6 .work_box6{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_6 .work_box5{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_6 .work_box4{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_6 .work_box3{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_6 .work_box2{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 2s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .green .work_list_6 .work_box1{*/
/*  animation: waver_green 0.5s ease-in-out;*/
/*  animation-delay: 2.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/* 绿色递增动画 */
.work .green.animate-face .work_list_6 .work_box1::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.work .green.animate-face .work_list_6 .work_box2::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}

.work .green.animate-face .work_list_6 .work_box3::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.work .green.animate-face .work_list_6 .work_box4::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}

.work .green.animate-face .work_list_6 .work_box5::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.work .green.animate-face .work_list_6 .work_box6::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 1.25s;
  animation-fill-mode: forwards;
}

/*back*/
.work .green.animate-face.animate-back .work_box::after {
  opacity: 0;
}

.work .green.animate-face.animate-back .work_list_6 .work_box6::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.work .green.animate-face.animate-back .work_list_6 .work_box5::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}

.work .green.animate-face.animate-back .work_list_6 .work_box4::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.work .green.animate-face.animate-back .work_list_6 .work_box3::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}

.work .green.animate-face.animate-back .work_list_6 .work_box2::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.work .green.animate-face.animate-back .work_list_6 .work_box1::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 1.25s;
  animation-fill-mode: forwards;
}

/* 黄色递增动画 */
.work .yellow.animate-face .work_list_6 .work_box1::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face .work_list_6 .work_box2::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face .work_list_6 .work_box3::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face .work_list_6 .work_box4::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face .work_list_6 .work_box5::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face .work_list_6 .work_box6::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 1.25s;
  animation-fill-mode: forwards;
}

/*back*/
.work .yellow.animate-face.animate-back .work_box::after {
  opacity: 0;
}

.work .yellow.animate-face.animate-back .work_list_6 .work_box6::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face.animate-back .work_list_6 .work_box5::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face.animate-back .work_list_6 .work_box4::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face.animate-back .work_list_6 .work_box3::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face.animate-back .work_list_6 .work_box2::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.work .yellow.animate-face.animate-back .work_list_6 .work_box1::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 1.25s;
  animation-fill-mode: forwards;
}

/* 红色递增动画 */
.work .red.animate-face .work_list_6 .work_box1::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.work .red.animate-face .work_list_6 .work_box2::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}

.work .red.animate-face .work_list_6 .work_box3::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.work .red.animate-face .work_list_6 .work_box4::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}

.work .red.animate-face .work_list_6 .work_box5::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.work .red.animate-face .work_list_6 .work_box6::after {
  animation: waver 0.25s ease-in-out;
  animation-delay: 1.25s;
  animation-fill-mode: forwards;
}

/*back*/
.work .red.animate-face.animate-back .work_box::after {
  opacity: 0;
}

.work .red.animate-face.animate-back .work_list_6 .work_box6::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.work .red.animate-face.animate-back .work_list_6 .work_box5::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.25s;
  animation-fill-mode: forwards;
}

.work .red.animate-face.animate-back .work_list_6 .work_box4::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.work .red.animate-face.animate-back .work_list_6 .work_box3::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}

.work .red.animate-face.animate-back .work_list_6 .work_box2::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.work .red.animate-face.animate-back .work_list_6 .work_box1::after {
  animation: waver_back 0.25s ease-in-out;
  animation-delay: 1.25s;
  animation-fill-mode: forwards;
}

/* 黄色递增动画 */
/*.work .yellow .work_list_1 .work_box6{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_2 .work_box6{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_2 .work_box5{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_3 .work_box6{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_3 .work_box5{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_3 .work_box4{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_4 .work_box6{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_4 .work_box5{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_4 .work_box4{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_4 .work_box3{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_5 .work_box6{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_5 .work_box5{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_5 .work_box4{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_5 .work_box3{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_5 .work_box2{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 2s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_6 .work_box6{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_6 .work_box5{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_6 .work_box4{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_6 .work_box3{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_6 .work_box2{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 2s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .yellow .work_list_6 .work_box1{*/
/*  animation: waver_yellow 0.5s ease-in-out;*/
/*  animation-delay: 2.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/


/* 红色递增动画 */
/*.work .red .work_list_1 .work_box6{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_2 .work_box6{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_2 .work_box5{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_3 .work_box6{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_3 .work_box5{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_3 .work_box4{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_4 .work_box6{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_4 .work_box5{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_4 .work_box4{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_4 .work_box3{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_5 .work_box6{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_5 .work_box5{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_5 .work_box4{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_5 .work_box3{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_5 .work_box2{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 2s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_6 .work_box6{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_6 .work_box5{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 0.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_6 .work_box4{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 1s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_6 .work_box3{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 1.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_6 .work_box2{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 2s;*/
/*  animation-fill-mode: forwards;*/
/*}*/
/*.work .red .work_list_6 .work_box1{*/
/*  animation: waver_red 0.5s ease-in-out;*/
/*  animation-delay: 2.5s;*/
/*  animation-fill-mode: forwards;*/
/*}*/

/* .work .work_list_1 .work_box1 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_2 .work_box1 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_2 .work_box2 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_3 .work_box1 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_3 .work_box2 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_3 .work_box3 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_4 .work_box1 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_4 .work_box2 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_4 .work_box3 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_4 .work_box4 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_5 .work_box1 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_5 .work_box2 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_5 .work_box3 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_5 .work_box4 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
}

.work .work_list_5 .work_box5 {
  opacity: 0.2 !important;
  animation-fill-mode: none;
} */

.swiper-container2 {
  width: 100%;
  height: 17vh;
}

.swiper-container2 .swiper-slide {
  width: 100%;
  height: 17vh;
}

.swiper-container2 .swiper-slide .chart-box {
  width: 100%;
  height: 100%;
}

.swiper-container2 {
  --swiper-theme-color: #ff6600;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 20px;
  /* 设置按钮大小 */
}

/* .swiper-container2 .swiper-button-disabled {
  display: none;
} */
.swiper-container3 {
  width: 100%;
  height: 17vh;
}

.swiper-container3 .swiper-slide {
  width: 100%;
  height: 17vh;
}

.swiper-container3 .swiper-slide .chart-box {
  width: 100%;
  height: 100%;
}

.swiper-container3 {
  --swiper-theme-color: #ff6600;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 20px;
  /* 设置按钮大小 */
}

/* .swiper-container3 .swiper-button-disabled {
  display: none;
} */
.swiper-container4 {
  width: 100%;
  height: 17vh;
}

.swiper-container4 .swiper-slide {
  width: 100%;
  height: 17vh;
}

.swiper-container4 .swiper-slide .chart-box {
  width: 100%;
  height: 100%;
}

.swiper-container4 {
  --swiper-theme-color: #ff6600;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 20px;
  /* 设置按钮大小 */
}

/* .swiper-container4 .swiper-button-disabled {
  display: none;
} */
.swiper-container5 {
  width: 100%;
  height: 17vh;
}

.swiper-container5 .swiper-slide {
  width: 100%;
  height: 17vh;
}

.swiper-container5 .swiper-slide .chart-box {
  width: 100%;
  height: 100%;
}

.swiper-container5 {
  --swiper-theme-color: #ff6600;
  /* 设置Swiper风格 */
  --swiper-navigation-color: #fff;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 20px;
  /* 设置按钮大小 */
}

/* .swiper-container5 .swiper-button-disabled {
  display: none;
} */











/*新增样式*/

.box-runStatus {
  position: relative;
  height: 20vh;
  margin-top: 0.5vh;
}

.ashBucket-scroll {
  position: relative;
  width: 95%;
  height: 92%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  box-sizing: border-box;
  border: 1px solid #0C415C;
  overflow: hidden;
  opacity: 0;
}

.ashBucket-scroll .no-ashBucket {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  color: #1DCF93;
}

.ashBucket-scroll .ashBucket_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.19rem;
  line-height: 0.24rem;
  width: 100%;
  background: #093D33;
  color: #1DCF93;
  height: 30%;
}

.ashBucket-scroll .ashBucket_nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22.5%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #0C415C;
}

.ashBucket-scroll .ashBucket_nav li:first-child {
  width: 10%;
}

.ashBucket-scroll .ashBucket_nav li.special {
  display: flex;
  flex-direction: column;
  font-size: 0.18rem;
  width: 45%;
  flex-shrink: 0;
}

.ashBucket-scroll .ashBucket_nav li.special .top {
  width: 100%;
  border-bottom: 1px solid #0C415C;
  text-align: center;
}

.ashBucket-scroll .ashBucket_nav li.special .bottom {
  width: 100%;
  display: flex;
  text-align: center;
}

.ashBucket-scroll .ashBucket_nav li.special .bottom div {
  flex: 1;
}

.ashBucket-scroll .ashBucket_nav li.special .bottom div:first-child {
  border-right: 1px solid #0C415C;
}


/* .ashBucket-scroll .ashBucket_nav li:last-child {
  width: 30%;
  flex-shrink: 0;
} */

.ashBucket-scroll .ashBucket_list {
  width: 100%;
  height: 80%;
  overflow: hidden;
  box-sizing: border-box;
}

.ashBucket-scroll .ashBucket_list .ashBucket_info {
  height: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #0C415C;
}

.ashBucket-scroll .ashBucket_list .ashBucket_info:hover .ashBucket_nav {
  color: #1ABCFE;
}

.ashBucket-scroll .ashBucket_list li {
  cursor: pointer;
}

.ashBucket-scroll .ashBucket_list .ashBucket_nav {
  font-size: 0.15rem;
  line-height: 0.25rem;
  background: none;
  color: #fff;
  height: 100%;
}

.ashBucket-scroll .ashBucket_list .ashBucket_nav li {
  border-right: 1px solid #0C415C;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: move;
}

.ashBucket-scroll .ashBucket_list .ashBucket_nav li:last-child {
  border-right: none;
}

/* 风机动画 */
.draughtFan-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* z-index: 9999; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.draughtFan-scroll .status {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0.24rem;
}

.fan-img {
  position: relative;
  width: 16vh;
  height: 16vh;
}

.fan-img .draught {
  width: 100%;
  height: 100%;
}

.fan-img .fan {
  position: absolute;
  bottom: 28%;
  right: 25%;
  width: 5vh;
  height: 5vh;

  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
  transform: translateZ(0);
}

.fan-img .fan.animate {
  animation: fanRotate 1s linear infinite;
}

.no-draughtFan {
  color: #1DCF93;
  display: none;
}



@keyframes fanRotate {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.device-status-tab .tab-item {
  color: #999;
  margin-right: 20px;
  cursor: pointer;
}

.device-status-tab .tab-item.active {
  color: #1DCF93;
}